<script lang="ts" setup>
	import ViewListSub from './Sub.vue';

	interface IProps {
		viewDatas: Record<string, any>[];
	}

	const props = defineProps<IProps>();
</script>

<template>
	<div class="list-wrapper">
		<view-list-sub
      v-for="(item, index) of props.viewDatas"
      :data="item"
      :key="index"
		/>
	</div>
</template>

<style lang="scss" scoped>
@import '../../../assets/styles/mixins.scss';

	.list-wrapper {
		@include flex-row;
		flex-wrap: wrap;
		background-color: #fff;
		border-bottom: 1px solid #ddd;
	}
</style>